<!--计划单-->
<template>
  <card-wrapper :data-item="dataItem" class="w-304">
    <area-top
      :text-left="dataItem['生产单号'] || '无'"
      text-center="生产订单"
      :text-right="dataItem['状态'] || '无'"
    />
    <p class="mt-8 font-12 text-5A6F82">
      计划产量：{{ dataItem["计划产量"] }} {{ dataItem["物料单位"] || "无" }}
    </p>
    <label-normal
      :label="$i18n.t('mind.produced')"
      :value="`${dataItem['已生产'] || '无'} ${dataItem['物料单位'] || '无'}`"
      class="mt-8"
    />
    <label-normal
      :label="$i18n.t('mind.operator')"
      :value="`${dataItem['操作人'] || '无'}  ${dataItem['操作日期'] || '无'}`"
      class="mt-8"
    />
  </card-wrapper>
</template>

<script>
import CardWrapper from "@/views/mind/components/common/card-wrapper.vue";
import AreaTop from "@/views/mind/components/common/area-top.vue";
import LabelNormal from "@/views/mind/components/common/label-normal.vue";
export default {
  name: "card-plan",
  props: {
    dataItem: {
      type: Object,
      default: () => {},
    },
  },
  components: { CardWrapper, AreaTop, LabelNormal },
};
</script>
